<?php echo form_open(uri_string())?>
<table class="form">
	<tr>
        <td class="label">Mã đơn hàng</td>
        <td>
            <input type="text" id="order_id" name="order_id" class="w200">
        </td>
    </tr>
    <tr>
        <td class="label">Đơn hàng từ ngày</td>
        <td>
            <input type="text" id="tungay" name="tungay" class="w200">
        </td>
    </tr>
    <tr>
        <td class="label">Đến ngày</td>
        <td>
            <input type="text" id="denngay" name="denngay" class="w200">
        </td>
    </tr>    
    <tr>
        <td class="label">Tình trạng đơn hàng</td>
        <td>
            <select name="bl_active" style="width: 210px;">
            	<option value='' > Tất cả</option>	
                <option value='1' > Đơn hàng mới</option>
                <option value='2'> Đang xử lý</option>
                <option value='3'> Đang vận chuyển</option>  
                <option value='4'> Đã giao hàng</option>
                <option value='5'> Đã hoàn tất</option>
                <option value='6'> Hủy</option>  
                
            </select>
        </td>
    </tr>
    <tr>
        <td class="label">Tỉnh/Thành</td>
        <td>
            <select name="city_id" style="width: 210px;" id="city_id">
                <option value="">Chọn tỉnh thành</option>
                <?php echo $option_pid?>
            </select>
        </td>
    </tr>
    <tr>
        <td class="label">Quận/Huyện</td>
        <td>
            <select name="district_id" style="width: 210px;" id="district_id">
                <option value="">Chọn quận huyện</option>
            </select>
        </td>
    </tr>
   
    <tr>
        <td colspan="2" style="padding-left:170px;"><input type="submit" name="bt_submit" value="Thống kê"></td>
    </tr>    
</table>
<?php echo form_close();?>
<script>
    $(function() {
        var dates = $( "#tungay, #denngay" ).datepicker({

            changeMonth: true,
            dateFormat: 'yy-mm-dd', 
            numberOfMonths: 1,
            onSelect: function( selectedDate ) {
                var option = this.id == "tungay" ? "minDate" : "maxDate",
                    instance = $( this ).data( "datepicker" );
                    date = $.datepicker.parseDate(
                        instance.settings.dateFormat ||
                        $.datepicker._defaults.dateFormat,
                        selectedDate, instance.settings );
                dates.not( this ).datepicker( "option", option, date );
            }
        });
    });
</script>
<script type="text/javascript">
	$(document).ready(function(){
		$("#city_id").change(function(){
		 var city_id=$(this).val();
		 $.ajax({
		   type : 'POST',
		   url : "<?php echo base_url()?>orders/option_district/" + city_id,
		   data: {city_id:city_id},
		   dataType: "html",
		   success : function(data){
			 $("#district_id").html(data);
		   }
		 })
		});
	});
 
</script>